<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>腾讯简介</title>
		<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>
		<meta name="keywords" content="腾讯，腾讯集团，腾讯官网">
		<meta name="description" content="腾讯于1998年11月成立，是一家以互联网为基础的平台公司">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" href="css/bootstrap.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="css/header.css">
		<link rel="stylesheet" type="text/css" href="css/about.css"/>
		<link rel="stylesheet" href="css/footer.css">
		<style>
			.language a{
				color: #fff;
			}
		</style>
	</head>
	<body>
	<!--头部-->
	<div id="nav" class="container-fluid p-0 nav-box animate__animated animate__zoomIn animate__delay-2s">
		<div class="navbar-bg navbar navbar-dark navbar-expand-md p-0">
			<button data-toggle="collapse" data-target="#nav-content" class="nav_btn navbar-toggler">
				<span class="navbar-toggler-icon"></span>
			</button>
			<a id="index" class="logo navbar-brand font-italic font-weight-bold ml-xl-5 ml-lg-4 ml-md-2" href="#">Tencent腾讯</a>
			<a class="navbar-brand font-italic font-weight-bold" href="#"></a>
			<div class="collapse navbar-collapse">
				<ul class="navbar-nav">
					<li class="nav-item"><a class="nav-link" href="#"></a></li>
				</ul>
			</div>
			<div id="nav-content" class="nav-center collapse navbar-collapse ml-2">
				<ul class="navbar-nav w-100 h-100">
					<li id="about" class="nav-item js-nav-item text-nowrap"><a class="js-nav-link" href="#">简介</a>
						<ul class="summary list-unstyled text-nowrap text-center">
							<li><a href="#">公司简介</a></li>
							<li><a href="#">愿景及使命</a></li>
							<li><a href="#">发展历程</a></li>
							<li><a href="#">业务架构</a></li>
							<li><a href="#">管理团队</a></li>
							<li><a href="#">企业文化</a></li>
							<li><a href="#">办公地点</a></li>
						</ul>
					</li>
					<li class="nav-item js-nav-item text-nowrap"><a class="js-nav-link" href="#">业务</a>
						<ul class="summary list-unstyled text-nowrap text-center">
							<li><a href="#">面向用户</a></li>
							<li><a href="#">面向企业</a></li>
							<li><a href="#">创新科技</a></li>
						</ul>
					</li>
					<li id="staff" class="nav-item js-nav-item text-nowrap"><a class="js-nav-link" href="#">员工</a>
						<ul class="summary list-unstyled text-nowrap text-center">
							<li><a href="#">人才发展</a></li>
							<li><a href="#">腾讯学院</a></li>
							<li><a href="#">工作环境</a></li>
							<li><a href="#">员工活动</a></li>
						</ul>
					</li>
					<li class="nav-item js-nav-item text-nowrap"><a class=" js-nav-link" href="#">企业责任</a>
						<ul class="summary list-unstyled text-nowrap text-center">
							<li><a href="#">全球战役</a></li>
							<li><a href="#">践行承诺</a></li>
							<li><a href="#">支持善举</a></li>
							<li><a href="#">公司简介</a></li>
							<li><a href="#">鼓励创新</a></li>
							<li><a href="#">企业社会责任报告</a></li>
						</ul>
					</li>
					<li class="nav-item js-nav-item text-nowrap"><a class=" js-nav-link" href="#">投资者</a>
						<ul class="summary list-unstyled text-nowrap text-center">
							<li><a href="#">财务新闻</a></li>
							<li><a href="#">公司及财务报告</a></li>
							<li><a href="#">业绩电话汇集路演</a></li>
							<li><a href="#">投资者工具包</a></li>
							<li><a href="#">证券及债券信息</a></li>
							<li><a href="#">企业管治</a></li>
						</ul>
					</li>
					<li class="nav-item js-nav-item text-nowrap"><a class=" js-nav-link" href="#">媒体</a>
						<ul class="summary list-unstyled text-nowrap text-center">
							<li><a href="#">企业动态</a></li>
							<li><a href="#">财务新闻</a></li>
							<li><a href="#">腾讯视角</a></li>
							<li><a href="#">媒体资料库</a></li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="language collapse navbar-collapse">
				<ul class="navbar-nav w-100 justify-content-end pr-xl-5 pr-lg-4 pr-md-2">
					<li class="nav-item"><a class=" js-nav-language js-nav-link" href="#">简</a></li>
					<li class="nav-item"><a class=" js-nav-language js-nav-link" href="#">/</a></li>
					<li class="nav-item"><a class=" js-nav-language js-nav-link" href="#">繁</a></li>
					<li class="nav-item"><a class=" js-nav-language js-nav-link" href="#">/</a></li>
					<li class="nav-item"><a class=" js-nav-language js-nav-link" href="#">EN</a></li>
				</ul>
			</div>
			<div class="nav-bg text-dark"></div>
		</div>
	</div>
		<!-- container-fluid默认宽度100% -->
		<div class="content">
			<!-- 1.图片 -->
			<div class="about_view">
				<p>腾讯公司</p>
			</div>
			<!-- 2.导航 -->
			<div class="about_tab">
				<ul class="about_tab_ul">
					<li><a href="#">公司简介</a></li>
					<li><a href="#">愿景及使命</a></li>
					<li><a href="#">发展历程</a></li>
					<li><a href="#">业务架构</a></li>
					<li><a href="#">管理团队</a></li>
					<li><a href="#">企业文化</a></li>
					<li><a href="#">办公地点</a></li>
				</ul>
			</div>
			<!-- 3.公司简介 -->
			<div class="about_intro">
				<h3>公司简介</h3>
				<h4>腾讯以技术丰富互联网用户的生活。</h4>
				<p>通过通信及社交平台微信和 QQ 促进用户联系，并助其连接数字内容和生活服务，尽在弹指间。</p>
				<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者。</p>
				<p>通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级。</p>
				<p>我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>
				<p>腾讯于 1998 年11月在中国深圳成立，2004 年6月在香港联合交易所主板上市。</p>
			</div>
			<!-- 4.愿景及使命 -->
			<div class="about_wish">
				<div class="about_wish_left">
					<h3>愿景及使命</h3>
				</div>
				<div class="about_wish_right">
					<h4>用户为本，科技向善</h4>
					<p>一切以用户价值为依归，将社会责任融入产品及服务之中；</p>
					<p>推动科技创新与文化传承，助力各行各业升级，促进社会的可持续发展。</p>
				</div>
			</div>
			<!-- 5.发展历程 -->
			<div class="about_develop">
				<!-- 图片 -->
				<div class="about_develop_top">
					<h3>发展历程</h3>
					<div class="about_develop_top_content">
						<!-- 文字 -->
						<div class="about_develop_top_content_top">
							<p>现在</p>
							<p>2016</p>
							<p>2010</p>
							<p>2004</p>
							<p>1998</p>
						</div>
						<!-- 原点 -->
						<div class="about_develop_top_content_bottom">
							<div>
								<ul>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- 内容 -->
				<div class="about_develop_bottom mb-3">
					<div class="about_develop_bottom_content">
						<div class="px-3">
							<p class="h3 mt-5 text-dark">2020</p>
							<hr class="mt-0 bg_color" >
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">5月</div>
								<div class="d-flex_right">腾讯根据全球中期票据计划发行本金总额60亿美元的票据，包括首次发行的40年期票据</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">2-3月</div>
								<div class="d-flex_right">为抗击2019冠状病毒病疫情，设立15亿人民币“抗击新型冠状病毒感染肺炎疫情综合保障基金”及1亿美元“腾讯全球战疫基金”</div>
							</div>
						</div>
					</div>
					<div class="about_develop_bottom_content">
						<div class="px-3">
							<p class="h3 mt-5 text-dark">2019</p>
							<hr class="mt-0 bg_color"  >
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">12月</div>
								<div class="d-flex_right">腾讯云全年收入超过170亿人民币，付费客户数破百万</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">11月</div>
								<div class="d-flex_right">发布“科技向善”新愿景</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">9月</div>
								<div class="d-flex_right">腾讯视频付费会员数突破1亿</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">5月</div>
								<div class="d-flex_right">合资公司获香港金融管理局颁发虚拟银行牌照</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">4月</div>
								<div class="d-flex_right">腾讯根据全球中期票据计划发行本金总额60亿美元的票据</div>
							</div>
						</div>
					</div>
					<div class="about_develop_bottom_content">
						<div class="px-3">
							<p class="h3 mt-5 text-dark">2018</p>
							<hr class="mt-0 bg_color" >
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">12月</div>
								<div class="d-flex_right">腾讯移动支付年日均交易笔数超过10亿笔</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">12月</div>
								<div class="d-flex_right">旗下腾讯音乐娱乐集团在美国纽约证券交易所上市，股票代码TME</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">11月</div>
								<div class="d-flex_right">腾讯基金会投入10亿启动奖金创立“科学探索奖”支持基础科学和前沿技术领域的年青科学家</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">9月</div>
								<div class="d-flex_right">企业战略升级，扎根消费互联网，拥抱产业互联网</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">6月</div>
								<div class="d-flex_right">腾讯移动支付月活跃账户数超过8亿</div>
							</div>
							<div class="d-flex px-2 justify-content-around pb-3">
								<div class="d-flex_left">1月</div>
								<div class="d-flex_right">微信和WeChat全球月活跃帐户数超过10亿</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 6.业务架构 -->
			<div class="about_business">
				<!-- 标题 -->
				<div class="h2 text-dark text_italic mb-5">
					<P>业务架构</P>
				</div>
				<!-- 业务框架 -->
				<div class="about_business_content pt-3">
					<!-- 腾讯标题 -->
					<div class="about_business_content_img px-3">
						<img src="images/简介/menu_logo_hover.png" >
					</div>
					<!-- 业务框架 -->
					<div class="about_business_content_content d-flex flex-wrap">
						<div class="px-4 py-4 bg-white">
							<p class="m-0">CDG</p>
							<p class="m-0">企业发展事业群</p>
						</div>
						<div class="px-4 py-4">
							<p class="m-0">CSIG</p>
							<p class="m-0">云与智慧产业事业群</p>
						</div>
						<div class="px-4 py-4">
							<p class="m-0">IEG</p>
							<p class="m-0">互动娱乐事业群</p>
						</div>
						<div class="px-4 py-4">
							<p class="m-0">PCG</p>
							<p class="m-0">平台与内容事业群</p>
						</div>
						<div class="px-4 py-4">
							<p class="m-0">TEG</p>
							<p class="m-0">技术工程事业群</p>
						</div>
						<div class="px-4 py-4">
							<p class="m-0">WXG</p>
							<p class="m-0">微信事业群</p>
						</div>
					</div>
					<div class="about_business_content_p">
						<p>为公司新业务孵化和新业态探索的平台，推动包括基础支付、金融应用在内的金融科技业务、广告营销服务和国际业务等领域的发展和创新。同时作为专业支持平台，为公司及各事业群提供战略规划、投资并购、投资者关系及国际传讯、市场公关等专业支持。</p>
					</div>
				</div>
			</div>
			<!-- 7.管理团队 -->
			<div class="about_team">
				<!-- 标题 -->
				<div class="h2 text-dark text_italic mb-5">
					<p>管理团队</p>
				</div>
				<!-- 团队领导 -->
				<div class="about_team_lead">
					<div>
						<div>
							<img src="images/简介/1.jpg" >
						</div>
						<p>马化腾</p>
						<p>主要创办人</p>
						<p>董事会主席兼首席执行官</p>
					</div>
					<div>
						<div>
							<img src="images/简介/2.jpg" >
						</div>
						<p>刘炽平</p>
						<p>董事会执行董事兼公司总裁</p>
					</div>
					<div>
						<div>
							<img src="images/简介/3.jpg" >
						</div>
						<p>许晨晔</p>
						<p>主要创办人</p>
						<p>首席信息官</p>
					</div>
					<div>
						<div>
							<img src="images/简介/4.jpg" >
						</div>
						<p>任宇昕</p>
						<p>首席运营官</p>
						<p>互动娱乐事业群总裁</p>
						<p>平台与内容事业群总裁</p>
					</div>
					<div>
						<div>
							<img src="images/简介/5.jpg" >
						</div>
						<p>张小龙</p>
						<p>集团高级执行副总裁</p>
						<p>微信事业群总裁</p>
					</div>
					<div>
						<div>
							<img src="images/简介/6.jpg" >
						</div>
						<p>James<br>Mitchell</p>
						<p>首席战略官</p>
						<p>集团高级执行副总裁</p>
					</div>
					<div>
						<div>
							<img src="images/简介/7.jpg" >
						</div>
						<p>汤道生</p>
						<p>集团高级执行副总裁</p>
						<p>云与智慧产业事业群总裁</p>
						<p>腾讯音乐娱乐集团董事长</p>
					</div>
					<div>
						<div>
							<img src="images/简介/8.jpg" >
						</div>
						<p>卢山</p>
						<p>集团高级执行副总裁</p>
						<p>技术工程事业群总裁</p>
					</div>
					<div>
						<div>
							<img src="images/简介/10.jpg" >
						</div>
						<p>网大为</p>
						<p>首席探索官</p>
						<p>集团高级执行副总裁</p>
					</div>
					<div>
						<div>
							<img src="images/简介/11.jpg" >
						</div>
						<p>马晓轶</p>
						<p>集团高级副总裁</p>
					</div>
					<div>
						<div>
							<img src="images/简介/19.jpg" >
						</div>
						<p>林璟骅</p>
						<p>集团高级副总裁</p>
					</div>
					<div>
						<div>
							<img src="images/简介/12.jpg" >
						</div>
						<p>罗硕瀚</p>
						<p>首席财务官</p>
						<p>集团高级副总裁</p>
					</div>
				</div>
				<!-- 团队顾问 -->
				<div>
					<!-- 标题 -->
					<div class="text_counselor">
						<p>终身荣誉顾问</p>
					</div>
					<!-- 顾问人员 -->
					<div class="about_team_counselor">
						<div>
							<div>
								<img src="images/简介/16.jpg" >
							</div>
							<p>张志东</p>
							<p>主要创办人</p>
							<p>终身荣誉顾问</p>
							<p>腾讯学院荣誉院长</p>
						</div>
						<div>
							<div>
								<img src="images/简介/17.jpg" >
							</div>
							<p>陈一丹</p>
							<p>主要创办人</p>
							<p>终身荣誉顾问</p>
							<p>腾讯公益慈善基金会发起人兼荣誉理事长</p>
						</div>
						<div>
							<div>
								<img src="images/简介/18.jpg" >
							</div>
							<p>曾李青</p>
							<p>主要创办人</p>
							<p>终身荣誉顾问</p>
						</div>
					</div>
				</div>
			</div>
			<!-- 8.企业文化 -->
			<div class="about_culture">
				<div class="about_culture_content">
					<p>企业文化</p>
					<span>价值观</span>
					<div>
						<p>正直</p>
						<span>坚守底线，以德为先，坦诚公正不唯上</span>
					</div>
					<div>
						<p>进取</p>
						<span>无功便是过，勇于突破有担当</span>
					</div>
					<div>
						<p>协作</p>
						<span>开放协同，持续进化</span>
					</div>
					<div>
						<p>创造</p>
						<span>超越创新，探索未来</span>
					</div>
				</div>
				<div class="about_culture_img">
					<img src="images/简介/m-pic.jpg" >
				</div>
			</div>
			<!-- 9.办公地点 -->
			<div class="about_site">
				<!-- 标题 -->
				<div class="about_site_title">
					<p>办公地点</p>
				</div>
				<!-- 图片 -->
				<div class="about_site_img">
					<img src="images/简介/address-pic.png" >
				</div>
				<div class="about_site_city">
					<p>下列城市</p>
					<ul class="about_site_city_name">
						<li>
							<a href="#">阿姆斯特丹</a>
						</li>
						<li>
							<a href="#">曼谷</a>
						</li>
						<li>
							<a href="#">吉隆坡</a>
						</li>
						<li>
							<a href="#">深圳</a>
						</li>
						<li>
							<a href="#">香港</a>
						</li>
						<li>
							<a href="#">台北</a>
						</li>
						<li>
							<a href="#">首尔</a>
						</li>
						<li>
							<a href="#">东京</a>
						</li>
						<li>
							<a href="#">帕罗奥多</a>
						</li>
					</ul>
					<!-- 城市位置电话邮编 -->
					<ul class="about_site_city_content">
						<li>
							<div>
								<p>2nd Floor, Gustav Mahlerplein 2,<br>
								Amsterdam, Netherlands</p>
								<p>邮编：1082 MA</p>
								<p>电话：+31020-799-7397</p>
							</div>
						</li>
						<li>
							<div class="about_site_city_none">
								<p>
									8 T One Building, 10th,11th and 12th Floor (Unit 4-5),<br> Soi Sukhumvit 40, Sukhumvit Road, Phra Khanong, Khlong Toei, Bangkok
								</p>
								<p>电话：+66-2-833-3000</p>
								<p>电话：+31020-799-7397</p>
								<p>网址：https://www.tencent.co.th/th/</p>
							</div>
						</li>
						<li>
							<div class="about_site_city_none">
								<p>
									Suite 02 & 03, Level 17, Centrepoint South Tower, Mid Valley City, Lingkaran Syed Putra, 59200 Kuala Lumpur, Malaysia
								</p>
								<p>邮编：59200</p>
								<p>电话：+60-3-22872388</p>
							</div>
						</li>
						<li>
							<div class="about_site_city_none">
								<p>深圳总部</p>
								<p>深圳市南山区海天二路33号腾讯滨海大厦</p>
								<p>邮编：518054</p>
								<p>总机电话：+86-755-86013388</p>
							</div>
						</li>
						<li>
							<div class="about_site_city_none">
								<div>
									<p>湾仔</p>
									<p>皇后大道东1号太古广场三期29楼</p>
									<p>电话：+852-31485100</p>
								</div>
								<div>
									<p>尖沙咀</p>
									<p>海港城环球金融中心南塔10楼</p>
									<p>电话：+852-31485100</p>
								</div>
							</div>
						</li>
						<li>
							<div class="about_site_city_none">
								<p>台北市信义区忠孝东路5段68号21楼A1室</p>
								<p>邮编：110</p>
								<p>电话：+852-31485100</p>
							</div>
						</li>
						<li>
							<div class="about_site_city_none">
								<p>
									40F Gangnam Finance Center, 152, Teheran-ro, Gangnam-gu, Seoul, Korea
								</p>
								<p>邮编：06236</p>
								<p>网址：http://tencent.co.kr/</p>
							</div>
						</li>
						<li>
							<div class="about_site_city_none">
								<p>
									29F Toranomon Hills Mori Tower，1-23-1 Toranomon, Minato-ku ,Tokyo
								</p>
								<p>邮编：105-6390</p>
								<p>网址：http://tencentjapan.com/</p>
							</div>
						</li>
						<li>
							<div class="about_site_city_none">
								<p>2747 Park Boulevard, Palo Alto, CA 94306, United States of America</p>
								<p>邮编：94306</p>
								<p>电话：+1-650-798-3300</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	<!--footer-->

	<div class="footer-box">
		<div class="footer-head">
			<div class="container-fluid p-0">
				<div class="row no-gutters">
					<div class="col-12">
						<div class="d-flex">
							<h4>关注我们</h4>
							<ul class="d-flex list-unstyled">
								<li><a href=""><img src="./images/index/icon_wechat.png"></a>
									<div class="wechat"><img src="./images/index/wechat-code.jpg"></div>
								</li>
								<li><a href=""><img src="./images/index/icon_weibo.png"></a></li>
								<li><a href=""><img src="./images/index/icon_twitter.png"></a></li>
								<li><a href=""><img src="./images/index/icon_in.png"></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-md">
			<div class="accordion" id="accordionExample">
				<div class="card">
					<div class="card-header" id="headingOne">
						<h2 class="mb-0">
							<button class="btn" type="button" data-toggle="collapse" data-target="#collapseOne">
								加入我们
							</button>
						</h2>
					</div>
					<div id="collapseOne" class="collapse" data-parent="#accordionExample">
						<div class="card-body">
							<ul class="mb-0">
								<li><a href="#">社会招聘</a></li>
								<li><a href="#">校园招聘</a></li>
								<li><a href="#">国际招聘</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-header" id="headingTwo">
						<h2 class="mb-0">
							<button class="btn collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo">
								联系我们
							</button>
						</h2>
					</div>
					<div id="collapseTwo" class="collapse" data-parent="#accordionExample">
						<div class="card-body">
							<ul>
								<li><a href="#">客户服务</a></li>
								<li><a href="#">校园招聘</a></li>
								<li><a href="#">国际招聘</a></li>
								<li><a href="#">国际招聘</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-header" id="headingThree">
						<h2 class="mb-0">
							<button class="btn collapsed" type="button" data-toggle="collapse" data-target="#collapseThree">
								法律信息
							</button>
						</h2>
					</div>
					<div id="collapseThree" class="collapse" data-parent="#accordionExample">
						<div class="card-body">
							<ul>
								<li><a href="#">服务协议</a></li>
								<li><a href="#">校园招聘</a></li>
								<li><a href="#">国际招聘</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-body-box d-flex justify-content-between align-items-center text-nowrap">
			<div class="footer-body d-flex">
				<ul class="list-unstyled">
					<li><h5>加入我们</h5></li>
					<li><a class="h6" href="#">社会招聘</a></li>
					<li><a class="h6" href="#">校园招聘</a></li>
					<li><a class="h6" href="#">国际招聘</a></li>
				</ul>
				<ul class="list-unstyled">
					<li><h5>联系我们</h5></li>
					<li><a class="h6" href="#">客户服务</a></li>
					<li><a class="h6" href="#">合作洽谈</a></li>
					<li><a class="h6" href="#">腾讯采购</a></li>
					<li><a class="h6" href="#">媒体及投资者</a></li>
				</ul>
				<ul class="list-unstyled">
					<li><h5>法律信息</h5></li>
					<li><a class="h6" href="#">服务协议</a></li>
					<li><a class="h6" href="#">隐私政策</a></li>
					<li><a class="h6" href="#">只是产权</a></li>
				</ul>
			</div>
			<div class="footer-logo">
				<img src="./images/index/tencent_logo.png" alt="">
			</div>
		</div>
		<div class="copyright">
			<div class="copy d-flex justify-content-between">
				<div class="container-fluid p-0">
					<div class="row no-gutters text-nowrap">
						<div class="col-lg-12 col-xl-6">
							<ul class="w-100 list-unstyled d-flex">
								<li><a href="#">法律申明</a></li>
								<li><a href="#">阳光准则</a></li>
								<li><a href="#">网站地图</a></li>
								<li><a href="#">粤网文【2017】6138-1456号</a></li>
								<li><a href="#">粤B2-20090059-1</a></li>
							</ul>
						</div>
						<div class="col-lg-12 col-xl-6 text-right align-self-center text-sm-center">
							<p>Copyright © 1998 - 2021 Tencent. All Rights Reserved. 腾讯公司 版权所有</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="js/tools.js"></script>
	<script>
        let items = document.querySelectorAll(".js-nav-item");
        let navBg = document.querySelector(".nav-bg");
        let navBox = document.querySelector(".nav-box");
        let navLinks = document.querySelectorAll(".js-nav-link");
        let navItem = document.querySelectorAll(".js-nav-item");
        let navLanguage = document.querySelectorAll(".js-nav-language");
        let summarys = document.querySelectorAll(".summary");
        let logo = document.querySelector(".logo");
        let navCenter = document.querySelector(".nav-center");
        let navBtn = document.querySelector(".nav_btn");
        for(let i = 0; i < items.length; i++) {
            let item = items[i];
            let summary = summarys[i];
            let navLink = navLinks[i];
            item.onmouseenter = function () {
                navBg.style.height = "500" + "px";
                summary.style.height = "400" + "px";
                logo.style.color = "#0152d9";
            };
            item.onmouseleave = function () {
                navBg.style.height = "0" + "px";
                summary.style.height = "0" + "px";
                logo.style.color = "#fff";
            };
            // navBtn.onclick = function () {
            //     navLink.style.color = "#000";
            //     console.log(navLinks[i]);
            //     logo.style.color = "#0152d9";
            //     navBg.style.height = "500" + "px";
            // }
        }
	</script>
	<script>
        let index = document.querySelector("#index");
        let about = document.querySelector("#about");
        let staff = document.querySelector("#staff");
        index.onclick = function () {
            window.location.href = "index.html";
        };
        about.onclick = function () {
            window.location.href = "about.html";
        };
        staff.onclick = function () {
            window.location.href = "staff.html";
        }
	</script>
	</body>
</html>